<div class="header-data">

    <div class="hdata">
        <div class="mcol-left">
            <!-- Icon with red background -->
            <i class="icon-dashboard byellow"></i>
        </div>
        <div class="mcol-right">
            <!-- Number of visitors -->
            <p><a href="#">{{info[0].value}}</a> <em>项目</em></p>
        </div>
        <div class="clearfix"></div>
    </div>
    <!-- Traffic data -->
    <div class="hdata">
        <div class="mcol-left">
            <!-- Icon with red background -->
            <i class="icon-coffee byellow"></i>
        </div>
        <div class="mcol-right">
            <!-- Number of visitors -->
            <p><a href="#">{{info[1].value}}</a> <em>服务</em></p>
        </div>
        <div class="clearfix"></div>
    </div>

    <!-- Members data -->
    <div class="hdata">
        <div class="mcol-left">
            <!-- Icon with blue background -->
            <i class="icon-user bblue"></i>
        </div>
        <div class="mcol-right">
            <!-- Number of visitors -->
            <p><a href="#">{{info[2].value}}</a> <em>用户</em></p>
        </div>
        <div class="clearfix"></div>
    </div>

    <!-- revenue data -->
    <div class="hdata">
        <div class="mcol-left">
            <!-- Icon with green background -->
            <i class="icon-money bgreen"></i>
        </div>
        <div class="mcol-right">
            <!-- Number of visitors -->
            <p><a href="#">{{info[3].value}}</a><em>订单</em></p>
        </div>
        <div class="clearfix"></div>
    </div>

</div>